﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; Charset=utf8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <title>文章归档</title>

    {{template "comm/link.html"}}

    <!-- 本页样式表 -->
    <link href="/static/css/archive.css" rel="stylesheet" />


</head>
<body>
    <!-- 导航 -->
    {{template "comm/nav.html" .}}

    <!-- 主体（一般只改变这里的内容） -->
    <div class="blog-body">
        <div class="blog-container">
            <blockquote class="layui-elem-quote sitemap layui-breadcrumb shadow">
                <a href="/" title="网站首页">网站首页</a>
                <a><cite>文章归档</cite></a>
            </blockquote>
            <div class="blog-main">

                <div class="timeline-box shadow">
                    <div class="timeline-main">
                        <h1><i class="fa fa-clock-o"></i></h1>
                        <div class="timeline-line"></div>

{{/*                        <div class="timeline-year">*/}}
{{/*                            <h2><a class="yearToggle">2019 年</a><i class="fa fa-caret-down fa-fw"></i></h2>*/}}
{{/*                            <div class="timeline-month">*/}}
{{/*                                <ul>*/}}
{{/*                                    <li>*/}}
{{/*                                        <div class="h4 animated fadeInLeft">*/}}
{{/*                                            <p class="date">10月24日</p>*/}}
{{/*                                        </div>*/}}
{{/*                                        <p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>*/}}
{{/*                                        <div class="content animated fadeInRight">*/}}
{{/*                                            layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。*/}}
{{/*                                            <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。*/}}
{{/*                                            <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i></div>*/}}
{{/*                                        <div class="clear"></div>*/}}
{{/*                                    </li>*/}}

{{/*                                </ul>*/}}
{{/*                            </div>*/}}
{{/*                        </div>*/}}


                        {{range $index1, $val1 := .ArchiveArticles}}
                            <div class="timeline-year">
                                <h2><a class="yearToggle" style="cursor: pointer;"> {{$val1.year}}</a><i class="fa fa-caret-down fa-fw"></i></h2>
                                <div class="timeline-month">
                                    {{range $index2, $val2 := $val1.articles}}
                                        <ul>
                                            <li>
                                                <div class="h4 animated fadeInLeft">
                                                    <p class="date">{{dateformat $val2.CreatedAt "2006-01-02"}}</p>
                                                </div>
                                                <p class="dot-circle animated "><i class="fa fa-dot-circle-o"></i></p>
                                                <div class="content animated fadeInRight">
                                                    <h4 style="font-size: 20px;color: #67b3ef">
                                                        <a href="/home/article/{{$val2.ID}}"  style="color: #67b3ef">{{$val2.Title}}</a>
                                                    </h4>
                                                    <br>
                                                    <p style="font-size: 12px;">&nbsp;&nbsp;&nbsp;&nbsp;{{$val2.Desc}}</p>
                                                </div>
                                                <div class="clear"></div>
                                            </li>
                                        </ul>
                                    {{end}}
                                </div>
                            </div>
                        {{end}}

                        <h1 style="padding-top:4px;padding-bottom:2px;margin-top:40px;"><i class="fa fa-hourglass-end"></i></h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    {{template "comm/footer.html"}}

    <!--侧边导航-->
    {{template "comm/sidebar.html"}}

    <!--分享窗体-->
{{/*    {{template "comm/sharewindow.html"}}*/}}


    {{template "comm/script.html"}}

    <!-- 本页脚本 -->
    <script type="text/javascript">
        layui.use('jquery', function () {
            var $ = layui.jquery;

            $(function () {
                $('.monthToggle').click(function () {
                    $(this).parent('h3').siblings('ul').slideToggle('slow');
                    $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
                });
                $('.yearToggle').click(function () {
                    $(this).parent('h2').siblings('.timeline-month').slideToggle('slow');
                    $(this).siblings('i').toggleClass('fa-caret-down fa-caret-right');
                });
            });
        });
    </script>
</body>
</html>